<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
</head>
<body>

<!--头部部分-->
<div class="header">
    <div class="layui-container">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="">陈平Blog</a></li>
            <li class="layui-nav-item"><a href="">应用市场</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退了</a></li>
        </ul>
    </div>
</div>

<!--主体内容-->
<div class="body">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="notice">
                    <div class="icon-box">
                        <icon class="layui-icon layui-icon-voice"></icon>
                    </div>
                    <marquee>
                        <a href="">html公告栏代码-CSS布局HTML</a>
                        <a href="">HTML 公告滚动_cysear的专栏-CSDN博客_html公告</a>
                        <a href="">HTML滚动公告,隔3秒向上滚动显示下一条文字。求代码!3Q! -...</a>
                    </marquee>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="slide-box">
                    <div class="slide-body">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="img/slide.jpg">
                                        <img src="img/slide.jpg" alt="">
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="img/slide.jpg">
                                        <img src="img/slide.jpg" alt="">
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="img/slide.jpg">
                                        <img src="img/slide.jpg" alt="">
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="img/slide.jpg">
                                        <img src="img/slide.jpg" alt="">
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="img/slide.jpg">
                                        <img src="img/slide.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="slide-box">
                    <div class="slide-body">
                        <ul class="article-ul">
                            <li>
                                <span>1</span>
                                <a href="">东京奥运再遭打击：开幕式总监让女艺人扮猪，被诉歧视辞职</a>
                            </li>
                            <li>
                                <span>2</span>
                                <a href="">锐参考｜被赵立坚痛批后，他在首尔“悄悄”降了声调……</a>
                            </li>
                            <li>
                                <span>3</span>
                                <a href="">大话西游2谁说仙器只有到4阶才能用？这几件3阶照样有用武之地</a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="">普京回复拜登，这话你细品</a>
                            </li>
                            <li>
                                <span>6</span>
                                <a href="">突发！拜登计划给富人加税，收入最多锐减11%！特朗普政策又要...</a>
                            </li>
                            <li>
                                <span>7</span>
                                <a href="">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</a>
                            </li>
                            <li>
                                <span>8</span>
                                <a href="">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</a>
                            </li>
                            <li>
                                <span>9</span>
                                <a href="">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</a>
                            </li>
                            <li>
                                <span>10</span>
                                <a href="">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="swiper-container article-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="">
                                <img src="img/article-slide.jpg" alt="">
                                <p>印江自治县卫健局2021年公开招聘（引进）高层次及急需紧缺人才工作实施方案</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="img/article-slide.jpg" alt="">
                                <p>印江自治县卫健局2021年公开招聘（引进）高层次及急需紧缺人才工作实施方案</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="img/article-slide.jpg" alt="">
                                <p>印江自治县卫健局2021年公开招聘（引进）高层次及急需紧缺人才工作实施方案</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="img/article-slide.jpg" alt="">
                                <p>印江自治县卫健局2021年公开招聘（引进）高层次及急需紧缺人才工作实施方案</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="img/article-slide.jpg" alt="">
                                <p>印江自治县卫健局2021年公开招聘（引进）高层次及急需紧缺人才工作实施方案</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <div class="article-body">
                    <div class="article-head">
                        <strong>近期更新</strong>
                    </div>
                    <ul class="article-list">
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                            <span>英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿 </span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="article-body">
                    <div class="article-head">
                        <strong>置顶</strong>
                    </div>
                    <ul class="article-list">
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="article-body">
                    <div class="article-head">
                        <strong>站点推荐</strong>
                    </div>
                    <ul class="article-list">
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" title="点击了解全文">
                                <div class="arc-photo">
                                    <img src="img/article-slide.jpg" alt="">
                                </div>
                                <div class="arc-title">
                                    <p class="title">英国首相约翰逊将接种第一剂阿斯利康新冠疫苗</p>
                                    <div class="attr">
                                        <p>
                                            <span>php</span>
                                            <span>生活</span>
                                        </p>
                                        <p>
                                            <span class="uptime">21-03-24 14</span>
                                            <span>羽化沉底儿</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <a href="" title="这是广告">
                    <img src="img/slide.jpg" alt="" class="ad-img">
                </a>
            </div>
        </div>
    </div>
</div>

<!--底部-->
<div class="footer">
    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <div>
                    <div><strong>权益</strong></div>
                    <ul>
                        <li>版权所有：© 2014-2021</li>
                        <li>ICP 备案：豫ICP备14009546号-3</li>
                    </ul>
                </div>
            </div>
            <div class="layui-col-md4">
                <div>
                    <div><strong>客服</strong></div>
                    <ul>
                        <li>站长邮箱：13765895164@163.com</li>
                        <li>站长QQ：2051591601</li>
                        <li>站长电话：13765895164</li>
                        <li>站长微信：lve23com</li>
                    </ul>
                </div>
            </div>
            <div class="layui-col-md4">
                <div>
                    <div><strong>架构</strong></div>
                    <ul>
                        <li>项目名称：陈平个人技术博客</li>
                        <li>项目版本：V1.0</li>
                        <li>项目作者：陈平</li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>

<!--问题反馈按钮-->
<div class="debug" >
    <a href="debug.html">问题反馈</a>
</div>


<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
<script src="https://www.layuicdn.com/layui/layui.js"></script>

<script src="js/base.js"></script>
</body>
</html>